homeMock.pngLMSrecipieDetail.png










recurring solutions that solve common design problems.
optimal solutions to common problems. As common problems are tossed around a community and are resolved, common solutions often spontaneously emerge. Eventually, the best of these rise abov
e the din and self-identify and become refined until they reach the status of a Design Pattern.

What is meant by the term "Pattern Library"?

The solution, within the context of a property or specific product is tested and iterated. Design research and designers collaborate and will test the range of low-fidelity prototypes to final product usability testing. Data is collected and those results inform the solutions offered in the pattern.
The designer of the solution, or the curator of the library, recognizing solutions to common problems across the network, writes the pattern for submission to the library. Specific research supporting the pattern is flagged in support of the solution. Additionally, the central UED design research team periodically reviews research from all across Yahoo! and makes recommendations for refinements to the pattern.

How would a pattern library be useful to you as a web designer?
be able to know what designs have been tested and reviewed and are proven to work.
  • Create and format text within your wiki page;

  • Change the default formatting of HTML elements;
  • Create your own HTML/CSS formatting;
  • Add images to the Wiki pages;
  • babyi.jpg
  • Display source HTML/CSS code within the Wiki page ;
[[code format="css"]]
  • outline: thick dotted #00ff00;
  • code
  • Embed video in the Wiki pages;
  • Embed Flash files (.swfs) in the Wiki.
[[code format="html4strict"]]
  • First name:
    Last name:

    Click the "Submit" button and the input will be sent to a page on the server called "form_action.asp".

  • code
[[code format="html4strict"]]
  • <html>
  • <body>

  • <form >
  • First name: <input type="text" name="FirstName" value="Mickey" /><br />
  • Last name: <input type="text" name="LastName" value="Mouse" /><br />
  • <input type="submit" value="Submit" />
  • </form>


  • </body>
  • </html>

  • code